<template>
<div>
    <h1>{{msg}}</h1>
    <div>{{name}}</div>
    <div>{{sex}}</div>
    <div>{{MyAge + 1}}</div>
    <button @click="updateAge">点我修改年龄</button>
</div>
</template>

<script>
export default {
  name:'StudentN',
  data() {
    return {
        msg:'你好',
        MyAge: this.age
    }
  },
  methods:{
    updateAge(){
      this.MyAge += 1
    }
  },
  props:['name','age','sex']//简单接收,传过来的不能改 优先先收到props的所以可以在这里接受父的信息在修改
  // props:{ 限制类型接受
  //   name:String,
  //   sex:String,
  //   age:Number
  // }
  //必要性限制，默认指定 
  // props:{
  //   name:{
  //     type:String,  
  //     require:true //必须传
  //   },
  //   sex:{
  //     type:String,
  //     require:true
  //   },
  //   age:{
  //      type:Number,
  //      default:99 //默认值
  //   }
  // }
}
</script>

<style>

</style>